import { getToken, removeToken, setToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
const state = {
  token: getToken(),
  userInfo: {}
}

const mutations = {
  // 设置token
  setToken(state, data) {
    state.token = data
    // 数据持久化，放入Cookies
    setToken(data)
  },
  // 设置用户信息
  setUserInfo(state, data) {
    state.userInfo = data
  },
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}

const actions = {
  async login(store, data) {
    try {
      // 登录请求
      const res = await login(data)
      // console.log(res)
      // 调用mutations中的setToken设置token
      store.commit('setToken', res)
      // 记录时间戳,用于token失效主动验证处理
      setTimeStamp()
    } catch (error) {
      console.log('失败逻辑')
      console.log(error)
    }
  },
  async getUserInfo(store) {
    const resSimple = await getUserInfo()
    const userId = resSimple.userId

    const resDetail = await getUserDetailById(userId)
    // 合并用户数据
    const res = {
      ...resSimple,
      ...resDetail
    }

    store.commit('setUserInfo', res)

    return res
  },
  logout(store) {
    // 退出登录 清除token和userInfo
    store.commit('removeToken')
    store.commit('removeUserInfo')
    // 清除路由信息
    resetRouter()
    // 如果是为了保险起见, 连菜单数据也一并清空
    // 问题在于 permission 并不是当前 user 的子模块
    // 这个mutation 应该基于 最外层的根 vuex 实例来操作
    // 可以通过添加 {root: true} 来制定操作的实例时根vuex 实例
    store.commit('permission/setRoutes', [], { root: true })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

